@import './variable.scss';
@import './mixin.scss';

// 公用样式
html,
body {
  font-family: 'PingFang SC', '微软雅黑', 'Microsoft YaHei', Helvetica,
    'Helvetica Neue', Tahoma, Arial, sans-serif;
  // -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
  // color: $my-theme-primary-color;
}
.ad{
  background-color: cyan;
  width: 100px;
  height: 100px;
}
// // 滚动条整体部分，可以设置宽度
// ::-webkit-scrollbar {
//   width: 12px;
//   /*高宽分别对应横竖滚动条的尺寸*/
//   height: 12px;
//   background: #fff;
// }

// // 外层轨道 {
// ::-webkit-scrollbar-track {
//   background: #fff;
// }

// // 滚动的滑块
// ::-webkit-scrollbar-thumb {
//   border-radius: 6px;
//   background: #6affa3;
// }

// // 面包屑
// .g_breadcrumb {

//   .el-breadcrumb__inner,
//   .el-breadcrumb__separator {
//     font-size: 14px;
//   }
// }

// // 侧边导航菜单
// .el-menu-item {

//   // transition: all 0.4s;
//   &.is-active,
//   &:hover {
//     @extend .wm_bg;
//   }
// }

// // 查询区块
// .m-query-block {
//   z-index: 10;
//   margin-top: 20px;
//   padding: 16px 30px;
//   background: #fff;

//   &.m-query-block--fixed {
//     position: fixed;
//     top: 64px;
//     margin-top: 10px;
//     box-sizing: border-box;
//     box-shadow: #999 0px 0px 8px;
//     width: calc(100% - 320px);
//   }

//   .el-form-item {
//     margin-right: 28px;
//     margin-bottom: 0;
//   }

//   .el-date-editor.el-input,
//   .el-date-editor.el-input__inner,
//   .el-select.el-select--small {
//     // width: 170px;
//   }

//   .el-form-item__label {
//     color: #000;
//   }

//   .el-button {
//     width: 120px;
//     color: #000;
//     border: 0;
//     border-radius: 17px;
//     @extend .wm_bg;

//     span {
//       font-size: 12px;
//     }
//   }
// }

// .a4-box {
//   position: relative;
//   padding-top: 141.428571%;

//   .a4-content {
//     display: flex;
//     flex-direction: column;
//     position: absolute;
//     top: 0;
//     right: 0;
//     bottom: 0;
//     left: 0;

//     .a4-item {
//       display: flex;
//       flex-direction: column;
//       flex: 1;
//       margin-bottom: 20px;
//       background: #fff;

//       .a4-item-header {
//         h3.title {
//           margin: 0;
//           font-size: 20px;
//           font-weight: normal;

//           .serial-number {
//             position: relative;
//             display: inline-block;
//             box-sizing: border-box;
//             padding-right: 10px;
//             width: 56px;
//             height: 50px;
//             background-image: linear-gradient(0deg,
//                 #00fffe 0%,
//                 #35ffd1 21%,
//                 #6bffa2 50%,
//                 #9fff73 81%,
//                 #d3ff43 100%);
//             vertical-align: bottom;

//             i {
//               position: absolute;
//               right: 10px;
//               bottom: 0;
//               font-size: 38px;
//               line-height: 40px;
//             }
//           }

//           .title-text {
//             position: relative;
//             display: inline-block;
//             margin-left: 10px;
//             vertical-align: bottom;
//             line-height: 40px;

//             &::after {
//               content: '';
//               position: absolute;
//               bottom: 0;
//               left: 0;
//               width: 100%;
//               height: 4px;
//               background-color: #6affa3;
//             }
//           }
//         }

//         .desc {
//           box-sizing: border-box;
//           padding: 15px 40px;

//           p {
//             box-sizing: border-box;
//             padding: 24px 36px;
//             background-color: rgba($color: #a0dae5, $alpha: 0.15);
//             border-radius: 3px;
//             font-size: 14px;
//             line-height: 26px;
//           }
//         }
//       }

//       .a4-item-body {
//         box-sizing: border-box;
//         flex: 1;
//         padding: 0 30px;
//         background: #eee;
//       }

//       .a4-item-footer {
//         box-sizing: border-box;
//         padding: 30px;
//         font-size: 12px;
//       }
//     }
//   }
// }

// [no_data] {
//   position: relative;

//   &::after {
//     content: '';
//     position: absolute;
//     top: 0;
//     right: 0;
//     bottom: 0;
//     left: 0;
//     background: url('') no-repeat;
//     background-position: center center;
//     background-color: #fff;
//   }
// }

// [no_data_city] {
//   position: relative;

//   &::after {
//     content: '';
//     position: absolute;
//     top: 0;
//     right: 0;
//     bottom: 0;
//     left: 0;
//     background: url('') no-repeat;
//     background-position: center center;
//     background-color: #fff;
//   }
// }

// .chart-mark-box {
//   margin: 10px 0 0;

//   span.chart-mark-tip {
//     float: left;
//     font-size: 12px;
//   }

//   p {
//     margin-left: 38px !important;
//   }
// }
